﻿@{
    Layout = null;
}
<!DOCTYPE html>

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>我的随笔 - 码农阿川</title>
    <!-- Meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="http://themes.3rdwavemedia.com/velocity/1.5.4/favicon.ico">

    <link rel="stylesheet" href="~/Content/bootstrap.min.css" />
    <link rel="stylesheet" href="~/Content/font-awesome/css/font-awesome.min.css" />

    <link id="theme-style" rel="stylesheet" href="~/Content/blog.css" />
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style id="fit-vids-style">
        .fluid-width-video-wrapper {
            width: 100%;
            position: relative;
            padding: 0;
        }

            .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }
    </style>
</head>

<body class="blog-page">
    <div class="wrapper">
        <!-- ******HEADER****** -->
        <header class="header header-blog">
            <div class="container">
                <h1 class="logo">
                    <a href="/blog">码农阿川 <span class="sub">随笔</span></a>
                </h1><!--//logo-->
                <nav class="main-nav navbar-right" role="navigation">
                    <div class="navbar-header">
                        <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button><!--//nav-toggle-->
                    </div><!--//navbar-header-->
                    <div id="navbar-collapse" class="navbar-collapse collapse">
                        <ul class="nav navbar-nav">
                            <li class="nav-item dropdown">
                                <a class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false" href="/blog">随笔分类 <i class="fa fa-angle-down"></i></a>
                                <ul class="dropdown-menu">
                                    <li><a href="/blog">技术</a></li>
                                    <li><a href="/blog">理财</a></li>
                                    <li><a href="/blog">彩票</a></li>
                                    <li><a href="/blog">新闻</a></li>
                                </ul>
                            </li><!--//dropdown-->
                            <li class="nav-item dropdown">
                                <a class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false" href="/blog">最近随笔 <i class="fa fa-angle-down"></i></a>
                                <ul class="dropdown-menu">
                                    <li><a href="/blog">2015年11月 (5)</a></li>
                                    <li><a href="/blog">2015年10月 (6)</a></li>
                                    <li><a href="/blog">2015年09月 (3)</a></li>
                                    <li><a href="/blog">2015年08月 (4)</a></li>
                                </ul>
                            </li><!--//dropdown-->
                            <li class="nav-item nav-item-main-site last"><a href="/"><i class="fa fa-home"></i> 回到首页</a></li>
                        </ul><!--//nav-->

                        <div class="searchbox-container">
                            <form class="searchbox">
                                <label class="sr-only" for="search-form">搜索</label>
                                <input id="search-form" class="form-control searchbox-input" placeholder="搜索点什么？" type="search" value="" name="search-form">
                                <input class="searchbox-submit" type="submit" value="GO">
                                <i class="fa fa-search searchbox-icon" style="display: block;"></i>
                            </form>
                        </div><!--//searchbox-container-->

                    </div><!--//navabr-collapse-->
                </nav><!--//main-nav-->
            </div><!--//container-->
        </header><!--//header-->

        <section class="featured-blog-posts section">

            <div class="flexslider blog-slider">
                <ul class="slides">
                    <li class="slide slide-1" style="width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 1;background:url('/img/p_big1.jpg')">
                        <div class="flex-caption container">
                            <h3 class="title"><a href="/blog">Java入门指南第一季</a></h3>
                            <div class="meta">2015-10-21</div>
                            <a class="more-link" href="/blog">阅读全文 →</a>
                        </div><!--//flex-caption-->
                    </li>
                    <li class="slide slide-2 flex-active-slide" style="width: 100%; float: left; margin-right: -100%; position: relative; opacity: 1; display: block; z-index: 2;background:url('/img/p_big2.jpg')">
                        <div class="flex-caption container">
                            <h3 class="title"><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#">Done is better than perfect</a></h3>
                            <div class="meta">23rd Sep, 2014</div>
                            <a class="more-link" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html">Read more →</a>
                        </div><!--//flex-caption-->
                    </li>
                    <li class="slide slide-3" style="width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 1;background:url('/img/p_big3.jpg')">
                        <div class="flex-caption container">
                            <h3 class="title"><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#">The value of an idea lies in the using of it</a></h3>
                            <div class="meta">18th Aug, 2014</div>
                            <a class="more-link" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html">Read more →</a>
                        </div><!--//flex-caption-->
                    </li>
                    <li class="slide slide-4" style="width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 1;background:url('/img/p_big1.jpg')">
                        <div class="flex-caption container">
                            <h3 class="title"><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#">Good design is good business</a></h3>
                            <div class="meta">5th Aug, 2014</div>
                            <a class="more-link" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html">Read more →</a>
                        </div><!--//flex-caption-->
                    </li>
                </ul><!--//slides-->
                <ol class="flex-control-nav flex-control-paging"><li><a class="">1</a></li><li><a class="flex-active">2</a></li><li><a class="">3</a></li><li><a class="">4</a></li></ol><ul class="flex-direction-nav"><li><a class="flex-prev" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#">Previous</a></li><li><a class="flex-next" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#">Next</a></li></ul>
            </div><!--//flexslider-->

        </section><!--//featured-blog-posts-->
        <!-- ******BLOG LIST****** -->
        <div class="blog container">
            <div class="row">
                <div id="blog-mansonry" class="blog-list" style="position: relative; height: 1811.77px;">

                    @for (var i = 0; i < 10; i++)
                    {
                        <article class="post col-md-4 col-sm-6 col-xs-12" style="position: absolute; left: 0px; top: 0px;">
                            <div class="post-inner">
                                <figure class="post-thumb">
                                    <a href="/"><img class="img-responsive" src="~/img/@("p_big"+(i%3+1)+".jpg")" alt=""></a>
                                </figure><!--//post-thumb-->
                                <div class="content">
                                    <h3 class="post-title"><a href="/">这是一个随笔的标题党，必须有意思吸引人</a></h3>
                                    <div class="post-entry">
                                        <p>围绕着双十一促销中的商家合作问题，天猫和京东展开了与论战，但媒体、公关斗嘴的同时，却将当事人放到了一边，而整个事件的起因和关键点正是那家叫“木林森”的鞋店。</p>
                                        <a class="read-more" href="/">阅读全文 <i class="fa fa-long-arrow-right"></i></a>
                                    </div>
                                    <div class="meta">
                                        <ul class="meta-list list-inline">
                                            <li class="post-time post_date date updated">2015-10-12</li>
                                            <li class="post-author"> by <a href="/">码农阿川</a></li>
                                            <li class="post-comments-link">
                                                <a href="/"><i class="fa fa-comments"></i>8</a>
                                            </li>
                                        </ul><!--//meta-list-->
                                    </div><!--meta-->
                                </div><!--//content-->
                            </div><!--//post-inner-->
                        </article><!--//post-->
                    }
                </div><!--//blog-list-->
            </div><!--//row-->
            <div class="pagination-container text-center">
                <ul class="pagination">
                    <li class="disabled"><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#">«</a></li>
                    <li class="active"><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#">1<span class="sr-only">(current)</span></a></li>
                    <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#">2</a></li>
                    <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#">3</a></li>
                    <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#">4</a></li>
                    <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#">5</a></li>
                    <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#">»</a></li>
                </ul><!--//pagination-->
            </div><!--//pagination-container-->
        </div><!--//blog-->
    </div><!--//wrapper-->
    <!-- ******FOOTER****** -->
    <footer class="footer">
        <div class="footer-content">
            <div class="container">
                <div class="row">
                    <div class="footer-col links col-md-2 col-sm-4 col-xs-12">
                        <div class="footer-col-inner">
                            <h3 class="title">About us</h3>
                            <ul class="list-unstyled">
                                <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#"><i class="fa fa-caret-right"></i>Who we are</a></li>
                                <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#"><i class="fa fa-caret-right"></i>Press</a></li>
                                <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#"><i class="fa fa-caret-right"></i>Blog</a></li>
                                <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#"><i class="fa fa-caret-right"></i>Jobs</a></li>
                                <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#"><i class="fa fa-caret-right"></i>Contact us</a></li>
                            </ul>
                        </div><!--//footer-col-inner-->
                    </div><!--//foooter-col-->
                    <div class="footer-col links col-md-2 col-sm-4 col-xs-12">
                        <div class="footer-col-inner">
                            <h3 class="title">Product</h3>
                            <ul class="list-unstyled">
                                <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#"><i class="fa fa-caret-right"></i>How it works</a></li>
                                <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#"><i class="fa fa-caret-right"></i>API</a></li>
                                <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#"><i class="fa fa-caret-right"></i>Download Apps</a></li>
                                <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#"><i class="fa fa-caret-right"></i>Pricing</a></li>
                            </ul>
                        </div><!--//footer-col-inner-->
                    </div><!--//foooter-col-->
                    <div class="footer-col links col-md-2 col-sm-4 col-xs-12 sm-break">
                        <div class="footer-col-inner">
                            <h3 class="title">Support</h3>
                            <ul class="list-unstyled">
                                <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#"><i class="fa fa-caret-right"></i>Help</a></li>
                                <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#"><i class="fa fa-caret-right"></i>Documentation</a></li>
                                <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#"><i class="fa fa-caret-right"></i>Terms of services</a></li>
                                <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#"><i class="fa fa-caret-right"></i>Privacy</a></li>
                            </ul>
                        </div><!--//footer-col-inner-->
                    </div><!--//foooter-col-->
                    <div class="footer-col connect col-md-6 col-sm-12 col-xs-12">
                        <div class="footer-col-inner">
                            <ul class="social list-inline">
                                <li><a href="https://twitter.com/3rdwave_themes" target="_blank"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#"><i class="fa fa-google-plus"></i></a></li>
                                <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#"><i class="fa fa-instagram"></i></a></li>
                                <li class="row-end"><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#"><i class="fa fa-rss"></i></a></li>
                            </ul>
                            <div class="form-container">
                                <p class="intro">Stay up to date with the latest news and offers from Velocity</p>
                                <form class="signup-form navbar-form">
                                    <div class="form-group">
                                        <input type="text" class="form-control" placeholder="Enter your email address">
                                    </div>
                                    <button type="submit" class="btn btn-cta btn-cta-primary">Subscribe Now</button>
                                </form>
                            </div><!--//subscription-form-->
                        </div><!--//footer-col-inner-->
                    </div><!--//foooter-col-->
                    <div class="clearfix"></div>
                </div><!--//row-->
                <div class="row has-divider">
                    <div class="footer-col download col-md-6 col-sm-12 col-xs-12">
                        <div class="footer-col-inner">
                            <h3 class="title">Mobile apps</h3>
                            <ul class="list-unstyled download-list">
                                <li><a class="btn btn-ghost" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#"><i class="fa fa-apple"></i><span class="text">Download for iOS</span> </a></li>
                                <li><a class="btn btn-ghost" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#"><i class="fa fa-android"></i><span class="text">Download for Android</span></a></li>
                                <li><a class="btn btn-ghost" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#"><i class="fa fa-windows"></i><span class="text">Windows coming soon...</span></a></li>
                            </ul>
                        </div><!--//footer-col-inner-->
                    </div><!--//download-->
                    <div class="footer-col contact col-md-6 col-sm-12 col-xs-12">
                        <div class="footer-col-inner">
                            <h3 class="title">Contact us</h3>
                            <p class="adr clearfix">
                                <i class="fa fa-map-marker pull-left"></i>
                                <span class="adr-group pull-left">
                                    <span class="street-address">College Green</span><br>
                                    <span class="region">56 College Green Road</span><br>
                                    <span class="postal-code">BS1 XR18</span><br>
                                    <span class="country-name">UK</span>
                                </span>
                            </p>
                            <p class="tel"><i class="fa fa-phone"></i>0800 123 4567</p>
                            <p class="email"><i class="fa fa-envelope-o"></i><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#">enquires@website.com</a></p>
                            <iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" class="twitter-follow-button twitter-follow-button-rendered" title="Twitter Follow Button" src="./Responsive website template for products_files/follow_button.3547a7049104d57d0c9c5ab04507e86e.en.html" style="position: static; visibility: visible; width: 174px; height: 20px;" data-screen-name="3rdwave_themes"></iframe>
                            <script id="twitter-wjs" src="./Responsive website template for products_files/widgets.js"></script>
                            <script>!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + '://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-wjs');</script>
                        </div><!--//footer-col-inner-->
                    </div><!--//contact-->
                </div>
            </div><!--//container-->
        </div><!--//footer-content-->
        <div class="bottom-bar">
            <div class="container">
                <small class="copyright">Copyright  2015 <a href="http://themes.3rdwavemedia.com/" target="_blank">3rd Wave Media</a></small>
            </div><!--//container-->
        </div><!--//bottom-bar-->
    </footer><!--//footer-->
    <!-- Video Modal -->
    @*<div class="modal modal-video" id="modal-video" tabindex="-1" role="dialog" aria-labelledby="videoModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h4 id="videoModalLabel" class="modal-title sr-only">Video Tour</h4>
                    </div>
                    <div class="modal-body">
                        <div class="video-container">
                            <div class="fluid-width-video-wrapper" style="padding-top: 56.25%;"><iframe src="./Responsive website template for products_files/28872840.html" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" id="fitvid520720"></iframe></div>
                        </div><!--//video-container-->
                    </div><!--//modal-body-->
                </div><!--//modal-content-->
            </div><!--//modal-dialog-->
        </div><!--//modal-->*@
    <!-- *****CONFIGURE STYLE****** -->
    <div class="config-wrapper">
        <div class="config-wrapper-inner">
            <a id="config-trigger" class="config-trigger" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#"><i class="fa fa-cog"></i></a>
            <div id="config-panel" class="config-panel">
                <h5>Choose Colour</h5>
                <ul id="color-options" class="list-unstyled list-inline">
                    <li class="theme-1 active"><a data-style="assets/css/styles.css" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#"></a></li>
                    <li class="theme-2"><a data-style="assets/css/styles-2.css" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#"></a></li>
                    <li class="theme-3"><a data-style="assets/css/styles-3.css" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#"></a></li>
                    <li class="theme-4"><a data-style="assets/css/styles-4.css" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#"></a></li>
                    <li class="theme-5"><a data-style="assets/css/styles-5.css" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#"></a></li>
                    <li class="theme-6"><a data-style="assets/css/styles-6.css" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#"></a></li>
                    <li class="theme-7"><a data-style="assets/css/styles-7.css" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#"></a></li>
                    <li class="theme-8"><a data-style="assets/css/styles-8.css" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#"></a></li>
                    <li class="theme-9"><a data-style="assets/css/styles-9.css" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#"></a></li>
                    <li class="theme-10"><a data-style="assets/css/styles-10.css" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#"></a></li>
                </ul><!--//color-options-->
                <a id="config-close" class="close" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog.html#"><i class="fa fa-times-circle"></i></a>
            </div><!--//configure-panel-->
        </div><!--//config-wrapper-inner-->
    </div><!--//config-wrapper-->
    <!-- Javascript -->
    <script type="text/javascript" src="~/Scripts/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="~/Scripts/bootstrap.min.js"></script>
    <script type="text/javascript" src="~/Scripts/plugins/bshoverdropdown/bootstrap-hover-dropdown.min.js"></script>
    <script type="text/javascript" src="~/Scripts/blog/back-to-top.js"></script>
    <script type="text/javascript" src="~/Scripts/blog/jquery.flexslider-min.js"></script>

    <!-- blog page specific js starts -->
    <script type="text/javascript" src="~/Scripts/blog/imagesloaded.pkgd.min.js"></script>
    @*<script type="text/javascript" src="./Responsive website template for products_files/imagesloaded.pkgd.min.js"></script>*@
    <script type="text/javascript" src="~/Scripts/blog/masonry.pkgd.min.js"></script>
    @*<script type="text/javascript" src="./Responsive website template for products_files/masonry.pkgd.min.js"></script>*@
    <script type="text/javascript" src="~/Scripts/blog/blog.js"></script>
    @*<script type="text/javascript" src="./Responsive website template for products_files/blog.js"></script>*@
    <!-- blog page specific js ends -->
    <script type="text/javascript" src="~/Scripts/blog/main.js"></script>
    @*<script type="text/javascript" src="./Responsive website template for products_files/main.js"></script>*@





    <div id="topcontrol" title="Scroll Back to Top" style="position: fixed; bottom: 5px; right: 5px; opacity: 0; cursor: pointer;"><i class="fa fa-angle-up"></i></div>
</body>
</html>